<template>
  <div class="sousuolan">
    <div style="padding-bottom: 15px" class="search-container">
      <form bindsubmit="searchSubmit" action="">
        <div
          class="search"
          style="width:;margin:0px 5px"
        >
          <input
            placeholder-class="input-placeholder"
            bindconfirm="bindconfirm"
            disabled
            type="text"
            class="input"
            placeholder="请输入搜索商品"
          />
          <img
            class="img"
            :src="fileBaseUrl + '/wxapp/static/shop-mall/index/homepage_icon_search.png'"
            style="width:18px"
          >
        </div>
      </form>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    module: {
      type: Object,
    },
    fileBaseUrl: {
      type: String,
    },
  },
};
</script>

<style lang="scss" scoped>

/* components/common/search/search.wxss */
.search {
  position: relative;
  height: 40px;
  background: #f6f6f6;
  border-radius: 37px;
  line-height: 37px;
}

.search .input-placeholder {
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #888888;
  
}

.search .input {
  padding-left: 37px;
  height: 100%;
  border: none;
}

.search .img {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 10px;
  left: 12px;
}

</style>